import React from 'react';
// import { useTranslation } from 'react-i18next';
import classNames from 'classnames';

import './EmptyViewport.css';

/**
 *
 *
 * @returns
 */
export default function EmptyViewport({ isActive, onClick, viewportIndex }) {
  // const { t } = useTranslation("Viewport");
  const handleClick = () => {
    if (onClick) {
      onClick(viewportIndex);
    }
  }
  return (
    <div className={classNames("empty-viewport", { active: isActive })} onClick={handleClick} onContextMenu={e => e.preventDefault()} />
  );
}
